<div class="hotlend_view">
    <div class="panel panel-default">
        <div class="item-detail">
            <div class="hottaps">
                <ul class="nav nav-pills hottaps-ul">
                    <li role="presentation" ng-class="panel_show == 'rmjy'||panel_show == undefined?'active':''" ng-click="panel_show = 'rmjy' "><a>热门借阅</a></li>
                    <li role="presentation" ng-class="panel_show == 'rmsc'?'active':''" ng-click="panel_show = 'rmsc'"><a>热门收藏</a></li>
                </ul>
                <ul class="hotinfo-tips" ng-show="panel_show == 'rmjy' || panel_show == undefined">统计方式：<a class="hotinfo-tips-a">借阅册次</a>，统计范围：<a class="hotinfo-tips-a">2</a>个月内，分类：<a class="hotinfo-tips-a">总体排行</a>.</ul>
                <ul class="hotinfo-tips" ng-show="panel_show == 'rmsc'">统计方式：<a class="hotinfo-tips-a">收藏人次</a>，分类：<a class="hotinfo-tips-a">总体排行</a>.</ul>
                <ul class="hotinfo-tips" ng-show="panel_show == 'rmts'">热门分类：<a class="hotinfo-tips-a">总体排行</a>.</ul>
            </div>
            <div ng-show="panel_show == 'rmjy' || panel_show == undefined">
                <div class="form-horizontal" style="margin:0px 15px">
                    <div class="table-responsive">
                        <table class="table table-hover table-condensed text-center">
                            <thead>
                                <tr class="active">
                                    <th class="text-center">序号</th>
                                    <th class="text-center">题名</th>
                                    <th class="text-center">责任者</th>
                                    <th class="text-center">出版社</th>
                                    <th class="text-center">出版日期</th>
                                    <th class="text-center">索书号</th>
                                    <th class="text-center">借阅册次</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="detail in hotlend">
                                    <td>{{$index+1}}</td>
                                    <td>{{detail.title}}</td>
                                    <td>{{detail.author}}</td>
                                    <td>{{detail.publisher}}</td>
                                    <td>{{detail.pubdate}}</td>
                                    <td>{{detail.category}}</td>
                                    <td>{{detail.number?detail.number:0}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div>
                    </div>
                    <div ng-show="panel_show == 'rmsc'">
                        <table class="table table-hover text-center">
                            <thead>
                                <tr>
                                    <th class="text-center">书名</th>
                                    <th class="text-center">索书号</th>
                                    <th class="text-center">馆藏地</th>
                                    <th class="text-center">可借</th>
                                    <th class="text-center">在馆</th>
                                    <th class="text-center">排队</th>
                                    <th class="text-center">可否预约</th>
                                    <th class="text-center">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>《会痛的不是爱.上》</td>
                                    <td>B84-49/286/V.1</td>
                                    <td>总馆</td>
                                    <td>2</td>
                                    <td>2</td>
                                    <td>0</td>
                                    <td>可借</td>
                                    <td>
                                        <button type="button" class="btn btn-primary btn-xs">执行预约</button>
                                        <button type="button" class="btn btn-warning btn-xs">收藏此书</button>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="text-center" colspan="8">可预约：邮件通知将使用您提供的Email：123456@qq.com</th>
                                </tr>
                                <tr>
                                    <th class="text-center alert alert-danger" colspan="8">不可预约/收藏：请先登录再进行预约！</th>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div ng-show="panel_show == 'rmts'">
                        <table class="table table-hover text-center">
                            <thead>
                                <tr>
                                    <th class="text-center">书名</th>
                                    <th class="text-center">索书号</th>
                                    <th class="text-center">条码号</th>
                                    <th class="text-center">年卷期</th>
                                    <th class="text-center">馆藏地</th>
                                    <th class="text-center">书刊状态</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>B84-49/286/V.1</td>
                                    <td>Z2294970</td>
                                    <td></td>
                                    <td>总馆</td>
                                    <td>可借</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div ng-show="panel_show == 'rmsc'">
                <div class="form-horizontal" style="margin:0px 15px">
                    <div class="table-responsive">
                        <table class="table table-hover table-condensed text-center">
                            <thead>
                                <tr class="active">
                                    <th class="text-center">序号</th>
                                    <th class="text-center">题名</th>
                                    <th class="text-center">责任者</th>
                                    <th class="text-center">出版社</th>
                                    <th class="text-center">出版日期</th>
                                    <th class="text-center">索书号</th>
                                    <th class="text-center">收藏人次</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="detail in hotcol">
                                    <td>{{$index+1}}</td>
                                    <td>{{detail.title}}</td>
                                    <td>{{detail.author}}</td>
                                    <td>{{detail.publisher}}</td>
                                    <td>{{detail.pubdate}}</td>
                                    <td>{{detail.category}}</td>
                                    <td>{{detail.sum}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div ng-show="panel_show == 'rmts'">
                <div class="form-horizontal" style="margin:0px 15px">
                    <div class="table-responsive">
                        <table class="table table-hover table-condensed text-center">
                            <thead>
                                <tr class="active">
                                    <th class="text-center">序号</th>
                                    <th class="text-center">题名</th>
                                    <th class="text-center">责任者</th>
                                    <th class="text-center">出版社</th>
                                    <th class="text-center">出版日期</th>
                                    <th class="text-center">索书号</th>
                                    <th class="text-center">浏览次数</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>(美) 恰克·斯佩扎诺著</td>
                                    <td>科学工业出版社</td>
                                    <td>2015-10-10</td>
                                    <td>B5/34-2</td>
                                    <td>156</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>(美) 恰克·斯佩扎诺著</td>
                                    <td>科学工业出版社</td>
                                    <td>2015-10-10</td>
                                    <td>B5/34-2</td>
                                    <td>256</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>(美) 恰克·斯佩扎诺著</td>
                                    <td>科学工业出版社</td>
                                    <td>2015-10-10</td>
                                    <td>B5/34-2</td>
                                    <td>256</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>(美) 恰克·斯佩扎诺著</td>
                                    <td>科学工业出版社</td>
                                    <td>2015-10-10</td>
                                    <td>B5/34-2</td>
                                    <td>256</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>《会痛的不是爱.下》</td>
                                    <td>(美) 恰克·斯佩扎诺著</td>
                                    <td>科学工业出版社</td>
                                    <td>2015-10-10</td>
                                    <td>B5/34-2</td>
                                    <td>156</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>